﻿<%@ Control Language="C#" Inherits="System.Web.Mvc.ViewUserControl<zeus.Core.Usuario>" %>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Loging</title>
    <link href="<%= ResolveUrl("~") %>Content/Login/css/style.css" rel="stylesheet" type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/Login/css/slide.css" rel="stylesheet" type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/Login/css/jquery.gritter.css" rel="stylesheet"
        type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/MensajesSistema/mensajes.css" rel="stylesheet"
        type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/Login/css/stylesLogin.css" rel="stylesheet"
        type="text/css" />
    <link href="<%= ResolveUrl("~") %>Content/Login/css/coin-slider-styles.css" rel="stylesheet"
        type="text/css" />
    <script src="<%= ResolveUrl("~") %>Content/Login/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~") %>Content/Login/js/slide.js" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~") %>Content/Login/js/jquery.gritter.min.js" type="text/javascript"></script>
    <script src="<%= ResolveUrl("~") %>Content/Login/js/coin-slider.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            setTimeout(function () {
                $(".mensajes").fadeOut(800).fadeIn(800).fadeOut(500).fadeIn(500).fadeOut(300);
            }, 3000);

            $('#add-regular').click(function () {
                $.gritter.add({
                    // (string | mandatory) the heading of the notification
                    title: 'Datos Mal Ingresados!',
                    // (string | mandatory) the text inside the notification
                    text: 'El usuario y la contraseña no tenemos ingresadas en el sistema .',
                    // (string | optional) the image to display on the left
                    image: 'http://www.videotutos.com/imagenes/icono-error.jpg',
                    // (bool | optional) if you want it to fade out on its own or just sit there
                    sticky: false,
                    // (int | optional) the time you want it to be alive for before fading out
                    time: ''
                });
                return false;
            });
        });
    </script>
</head>
<body id="jqueryImageSliderPluginPage" class="ff3 ff windows">
    <div class="error mensajes">
    </div>
    
    <script>
        $(document).ready(function () {
            $('#games').coinslider({ hoverPause: false });
        });
    </script>
    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script src="<%= ResolveUrl("~") %>Content/Login/js/ga.js" type="text/javascript"></script>
    <script type="text/javascript">
        try {
            var pageTracker = _gat._getTracker("UA-11860629-1");
            pageTracker._trackPageview();
        } catch (err) { }
    </script>
    <div id="toppanel">
        <div id="panel">
            <div class="content clearfix">
                <% using (Html.BeginForm())
                   { %>
                <%: Html.ValidationSummary(true) %>
                <div>
                    <div class="left">
                        <h1>
                            Bienvenido a
                            <img src="<%= ResolveUrl("~") %>Content/Login/images/logo-startel-blanco.png" /></h1>
                        
                        <h2>
                            Especialistas en rastreo satelital</h2>
                        <p class="grey">
                            * Monitoreo, rastreo, gestión y seguridad de:<br />
                            <br />
                            &nbsp &nbsp flotas, de vehículos contenedores y personas.
                            <br />
                            <br />
                            * Equipos Especiales de:<br />
                            <br />
                            &nbsp &nbsp Seguridad e inteligencia electrónica.
                        </p>
                        <h2>
                            Encuentranos</h2>
                        <p class="grey">
                            &nbsp &nbsp Para más información consulta en el siguiente:
                            <br />
                            <br />
                            &nbsp &nbsp<a href="http://www.filmscomunicacion.com/" target="_blank" title="masInfo">Link
                                . . .&raquo;</a></p>
                    </div>
                    <div class="left">
                        <!-- Login Form -->
                        <form class="clearfix" action="#" method="post">
                        <h1>
                            Ingresa a tu cuenta</h1>
                        <label class="grey" for="log">
                            Usuario:</label>
                        <!--<input class="field" type="text" name="log" id="log" value="" size="23" />-->
                        <%: Html.TextBoxFor(model => model.Login) %></br>
                        <%: Html.ValidationMessageFor(model => model.Login) %></br> </br>
                        <label class="grey" for="pwd">
                            Contraseña:</label>
                        <!--<input class="field" type="password" name="pwd" id="pwd" size="23" />-->
                        <%: Html.PasswordFor(model => model.Clave) %></br>
                        <%: Html.ValidationMessageFor(model => model.Clave) %></br>
                        <!--<label>
                        <input name="rememberme" id="rememberme" type="checkbox" checked="checked" value="forever" /> 
                        &nbsp;Recordarme
                        </label>-->
                        <div class="clear">
                        </div>
                        <input type="submit" name="submit" value="Iniciar" class="bt_login" />
                        </form>
                    </div>
                    <div class="left right">
                        <!-- Register Form -->
                        <form action="#" method="post">
                        <h1>
                            Perdiste tu Contraseña.. !</h1>
                        <label>
                            Ingresa tus datos y recibe un correo electronico
                        </label>
                        <br />
                        <label>
                            con tu contraseña
                        </label>
                        </br></br>
                        <label class="grey" for="signup">
                            Nombre:</label>
                        <input class="field" type="text" name="signup" id="signup" value="" size="23" />
                        <label class="grey" for="email">
                            E-mail:</label>
                        <input class="field" type="text" name="email" id="email" size="23" /></br></br>
                        <input type="submit" name="submit" value="Enviar" class="bt_register" />
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- /login -->
        <!-- The tab on top -->
        <div class="tab">
            <ul class="login">
                <li class="left">&nbsp;</li>
                <li>Hola invitado !</li>
                <li class="sep">|</li>
                <li id="toggle"><a id="open" class="open" href="#">Ingresa</a> <a id="close" style="display: none;"
                    class="close" href="#">Cerrar</a> </li>
                <li class="right">&nbsp;</li>
            </ul>
        </div>
        <img src="<%= ResolveUrl("~") %>Content/Login/img/cabeza-ZEUS.jpg" /></h1>
        <div id="page">
              
        <div id="gamesHolder">
            <div class="coin-slider" id="coin-slider-games">
                <div id="games">
                    <a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo1.jpg"
                            alt="Bienvenido">
                        <span style="display: none;"><b>Centro de Controls</b><br>
                            La mas avanzada tecnología en rastreo las 24 horas del día . </span></a>
                    <a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo2.jpg"
                            alt="Zeus Taxi">
                    </a><a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo3.jpg"
                            alt="Zeus Centro de Control">
                    </a><a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo5.jpg"
                            alt="Zeus Track">
                    </a>
                    <a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo6.jpg"
                            alt="Zeus Track">
                    </a>
                    <a href="http://www.filmscomunicacion.com/" target="_blank">
                        <img style="display: none;" src="<%= ResolveUrl("~") %>Content/Login/img/fondo7.jpg"
                            alt="Zeus Track">
                    </a>

                        <span style="display: none;"><b>Monitoreo</b><br>
                            Notificación de tus unidades en cualquier parte del país </span></a>
                </div>
            </div>
        </div>
    </div>

        <% } %>
</body>
